
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.success{text-align: center;margin-bottom: 5rem;}
.sucessbut{display: flex;justify-content:space-around;}
.successicon{margin-top: 10rem;text-align: center;}
.successicon i{font-size: 6rem;color: green;}
</style>


<template>
      <mu-dialog width="360" transition="slide-bottom" fullscreen :open.sync="$store.state.success">
    <div class="successicon">
      <i class="iconfont icon-caozuochenggong"></i>
      <p class="success">{{cont}}</p>
      <div class="sucessbut">
      <mu-button large color="error" @click="successfun2" v-if="but2 === 0">{{but2}}</mu-button>
      <mu-button large color="warning" @click="successfun1">{{but1}}</mu-button>
      </div>
    </div>
  </mu-dialog>
</template>

<script>
export default {
  props:["cont","url1","url2","but1","but2"],
  data () {
    return {
        success:false
    }
  },
   methods:{
      successfun1(){
        this.$store.state.success = false
        this.$router.push({path:this.url1})
      },
      successfun2(){
        this.$store.state.success = false
        this.$router.push({path:this.url2})
      },
}
}
</script>